<template>
   <div>
       <div></div>
       <div class="overflow title">{{DiscussedInfo.discussTitle}}</div>
       <i class="el-icon-close" @click="DISCUSSDOWN()"></i>
   </div>
</template>
<script>
import { mapMutations, mapState } from 'vuex'
  export default 
  {
     name :'', 
     computed:{
       ...mapState('Discuss',['DiscussedInfo'])
     },
     methods:{
        ...mapMutations('Discuss',['DISCUSSDOWN'])
     }
  }
</script>
<style scoped lang='less'>
.title{
  max-width: 60%;
}
i,div{
    font-size: 25px;
    color: white;
}
i{
    border-radius: 50%;
    padding: 2px;
}
i:hover{
    background: rgba(0, 0, 0, 0.5);
}
</style>